@import "icon.css";
body, html { height: 100%; -webkit-tap-highlight-color: transparent }
a { color: #18b4ed; text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
a:active { color: #18b4ed; }
::-webkit-input-placeholder {
 color: #CCCCCC;
}
/*鍩烘湰鏍峰紡*/
.baseline { vertical-align: baseline; }
.middle { vertical-align: middle; }
.top { vertical-align: top; }
.block { display: block; }
.show { display: block; }
.hide { display: none; }
.inline { display: inline; }
.iblock { display: inline-block;  *display: inline;
 *zoom: 1;
}
.dtable { display: table; }
.cell { display: cell-table; }
.tleft { text-align: left; }
.tright { text-align: right; }
.tcenter { text-align: center; }
.center { margin-left: auto; margin-right: auto; }
.border { border: 1px solid #CCCCCC !important; }
.dotted { border: 1px dotted #CCCCCC !important; }
.hand { cursor: pointer; }
.move { cursor: move; }
.u { text-decoration: underline; }
.del { text-decoration: line-through; }
.none { text-decoration: none; }
.i { font-style: italic; }
.-i { font-style: normal; }
.bold { font-weight: bold; }
.-bold { font-weight: normal; }
.-wrap { white-space: nowrap; word-break: break-all; overflow: hidden; }
.wrap { white-space: pre-wrap; word-wrap: break-word; word-break: break-all; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.clearfix:after, .clearfix:before { display: table; content: " "; }
.clearfix:after { clear: both; }
.upper { text-transform: uppercase; }
.lower { text-transform: lowercase; }
.cap { text-transform: capitalize; }
.hidden { overflow: hidden; }
.visible { overflow: visible; }
.zindex { z-index: 1; }
.rel { position: relative; }
.abs { position: absolute; }
.fixed { position: fixed; }
.indent { text-indent: 20px; }
.lheight { line-height: 20px; }
.outline { outline: none;  hide-focus: expression(this.hideFocus=true);
}
.ell { text-overflow: ellipsis; overflow: hidden; }
.yahei { font-family: "Microsoft YaHei"; }
.weui_actionsheet { z-index: 1000; }
/*1px瑙ｅ喅鏂规*/
.weui-border-t { border-top: 1px solid #e0e0e0; }
.weui-border-b { border-bottom: 1px solid #e0e0e0; }
.weui-border-tb { border-top: #e0e0e0 1px solid; border-bottom: #e0e0e0 1px solid; background-image: none; }
.weui-border-l { border-left: 1px solid #e0e0e0; }
.weui-border-r { border-right: 1px solid #e0e0e0; }
.weui-border { border: 1px solid #e0e0e0; }
.weui-border-radius { border: 1px solid #e0e0e0; border-radius: 4px; }

@media screen and (-webkit-min-device-pixel-ratio: 2) {
.weui-border-radius { position: relative; border: 0; }
.weui-border-radius:before { content: ""; width: 200%; height: 200%; position: absolute; top: 0; left: 0; border: 1px solid #e0e0e0; -webkit-transform: scale(0.5); -webkit-transform-origin: 0 0; padding: 1px; -webkit-box-sizing: border-box; border-radius: 8px; pointer-events: none; }
}

@media screen and (-webkit-min-device-pixel-ratio: 2) {
.weui-border { position: relative; border: 0; }
.weui-border-t,  .weui-border-b,  .weui-border-l,  .weui-border-r,  .weui-border-tb { border: 0; }
.weui-border-t { background-position: left top; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0)); }
.weui-border-b { background-position: left bottom; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0)); }
.weui-border-t,  .weui-border-b,  .weui-border-tb { background-repeat: repeat-x; -webkit-background-size: 100% 1px; }
.weui-border-tb { background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0)), -webkit-gradient(linear, left top, left bottom, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0)); background-position: top, bottom; }
.weui-border-l { background-position: left top; background-image: -webkit-gradient(linear, right top, left top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0)); }
.weui-border-r { background-position: right top; background-image: -webkit-gradient(linear, left top, right top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0)); }
.weui-border-l,  .weui-border-r { background-repeat: repeat-y; -webkit-background-size: 1px 100%; }
.weui-border:after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0)), -webkit-gradient(linear, left top, right top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0)), -webkit-gradient(linear, left top, left bottom, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0)), -webkit-gradient(linear, right top, left top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0)); -webkit-background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%; background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%; -webkit-background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%; background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%; background-repeat: no-repeat; background-position: top, right, bottom, left; padding: 1px; -webkit-box-sizing: border-box; z-index: 10; pointer-events: none; }
}
/*鎸夐挳*/

.button_sp_area { padding: 10px 0; width: 60%; margin: 0 auto; text-align: justify; text-justify: distribute-all-lines; font-size: 0 }
.button_sp_area:after { display: inline-block; width: 100%; height: 0; font-size: 0; margin: 0; padding: 0; overflow: hidden; content: "." }
.bg-green { background-color: #04BE02; }
.bg-red { background-color: #EF4F4F; }
.bg-blue {/*钃濊壊*/ background-color: #18b4ed; }
.bg-blue:not(.weui_btn_disabled):visited { color: #FFFFFF; }
.bg-blue:not(.weui_btn_disabled):active { color: rgba(255, 255, 255, 0.4); background-color: #18b4ed; }
.bg-blue-b { color: #18b4ed; border: 1px solid #18b4ed; }
button.bg-blue-b, input.bg-blue-b { border-width: 1px; background-color: transparent; }
.bg-blue-b:active { border-color: #18b4ed; }
.bg-blue-b:after { border-width: 0; }
.bg-orange {/*姗欒壊*/ background-color: #FF6600; }
.bg-orange:not(.weui_btn_disabled):visited { color: #FFFFFF; }
.bg-orange:not(.weui_btn_disabled):active { color: rgba(255, 255, 255, 0.4); background-color: #FF6600; }
.bg-orange-b { color: #FF6600; border: 1px solid #FF6600; }
button.bg-orange-b, input.bg-orange-b { border-width: 1px; background-color: transparent; }
.bg-orange-b:active { border-color: #FF6600; }
.bg-orange-b:after { border-width: 0; }
.bg-gray { background-color: #e7e7e7; }
/*瀛椾綋澶у皬 鐢熸垚11-32 35 40 45 50鍍忕礌瀛椾綋 */
.f11 { font-size: 11px !important; line-height: 11px; }
.f12 { font-size: 12px !important; line-height: 12px; }
.f13 { font-size: 13px !important; line-height: 13px; }
.f14 { font-size: 14px !important; line-height: 14px; }
.f15 { font-size: 15px !important; line-height: 15px; }
.f16 { font-size: 16px !important; line-height: 16px; }
.f17 { font-size: 17px !important; line-height: 17px; }
.f18 { font-size: 18px !important; line-height: 18px; }
.f19 { font-size: 19px !important; line-height: 19px; }
.f20 { font-size: 20px !important; line-height: 20px; }
.f21 { font-size: 21px !important; line-height: 21px; }
.f22 { font-size: 22px !important; line-height: 22px; }
.f23 { font-size: 23px !important; line-height: 23px; }
.f24 { font-size: 24px !important; line-height: 24px; }
.f25 { font-size: 25px !important; line-height: 25px; }
.f26 { font-size: 26px !important; line-height: 26px; }
.f27 { font-size: 27px !important; line-height: 27px; }
.f28 { font-size: 28px !important; line-height: 28px; }
.f29 { font-size: 29px !important; line-height: 29px; }
.f30 { font-size: 30px !important; line-height: 30px; }
.f31 { font-size: 31px !important; line-height: 31px; }
.f32 { font-size: 32px !important; line-height: 32px; }
.f35 { font-size: 35px !important; line-height: 35px; }
.f40 { font-size: 40px !important; line-height: 40px; }
.f45 { font-size: 45px !important; line-height: 45px; }
.f50 { font-size: 50px !important; line-height: 50px; }
.f55 { font-size: 55px !important; line-height: 55px; }
/*瀛椾綋棰滆壊*/
.f-red { color: #ef4f4f !important; }
.f-green { color: #04be02 !important; }
.f-blue { color: #18b4ed !important; }
.f-black { color: #333 !important; }
.f-white { color: #FFF !important; }
.f-zi { color: #FF33CC !important; }
.f-gray { color: #CCCCCC !important; }
.f-yellow { color: #FFFF66 !important; }
.f-orange { color: #FF6600 !important; }
/*Tab*/
.tab-fixed { position: fixed; top: 0; width: 100%; z-index: 100; }
.tab-bottom { bottom: 0; width: 100%; position: fixed; }
.weui_navbar_item.tab-green { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-bottom: 3px solid #04be02; color: #04be02; }
.weui_navbar_item.tab-red { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-bottom: 3px solid #ef4f4f; color: #ef4f4f; }
.weui_navbar_item.tab-blue { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-bottom: 3px solid #18b4ed; color: #18b4ed; }
.weui_navbar_item:after { border-right: none; }
/*鍒嗗壊绾�*/
.weui-loadmore { font-size: 14px; line-height: 1.6em; margin: 1.5em auto; text-align: center; width: 65%; }
.weui-loadmore-tips { display: inline-block; vertical-align: middle; }
.weui-loadmore-line { border-top: 1px solid #e5e5e5; margin-top: 2.4em; }
.weui-loadmore-line .weui-loadmore-tips { background-color: #f8f8f8; color: #999999; padding: 0 0.55em; position: relative; top: -0.9em; }
.weui-loadmore-dot .weui-loadmore-tips { padding: 0 0.16em; }
.weui-loadmore-dot .weui-loadmore-tips::before { background-color: #999; border-radius: 50%; content: " "; display: inline-block; height: 4px; position: relative; top: -0.16em; vertical-align: 0; width: 4px; }
/**
 * 琛ㄦ牸
 */
.weui-table { width: 100%; border-collapse: collapse; background-color: #fff; line-height: 32px; text-align: center; }
.weui-table th { font-weight: 500; }
.weui-table td, .weui-table th { border-bottom: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; text-align: center; }

@media screen and (-webkit-min-device-pixel-ratio: 2) {
.weui-table td, .weui-table th { position: relative; border-right: 0; border-bottom: 0; }
.weui-table td:after, .weui-table th:after { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-image: -webkit-gradient(linear, left top, right top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0), to(#e0e0e0)), -webkit-gradient(linear, left top, left bottom, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0), to(#e0e0e0)); background-size: 1px 100%, 100% 1px; background-repeat: no-repeat; background-position: right, bottom; }
.weui-table tr td:last-child:after, .weui-table tr th:last-child:after { background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0), to(#e0e0e0)); background-size: 100% 1px; background-repeat: no-repeat; background-position: bottom; }
.weui-table tr:last-child td:not(:last-child):after { background-image: -webkit-gradient(linear, left top, right top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0), to(#e0e0e0)); background-size: 1px 100%; background-repeat: no-repeat; background-position: right; }
}
.weui-table tr td:last-child, .weui-table tr th:last-child { border-right: 0; }
.weui-table tr:last-child td { border-bottom: 0; }
/*swipe*/
.slide { position: relative; max-width: 640px; overflow: hidden; margin: 0px auto; }
.slide:after { content: ''; display: block; width: 100%; padding-top: 50%; }
.slide ul { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.slide li { list-style: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.slide li:first-child { z-index: 1; }
.slide li img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: none; }
.slide .slide-desc { background-color: rgba(0, 0, 0, 0.5); position: absolute; bottom: 0; overflow: hidden; padding: 5px; width: 100%; color: #fff; font-size: 16px; text-align: center; white-space: nowrap; word-break: break-all; text-overflow: ellipsis; }
.slide .dot { position: absolute; right: 10px; bottom: 10px; z-index: 5; font-size: 0; }
#slide2 .dot { position: absolute; right: 50%; bottom: 10px; z-index: 5; font-size: 0; text-align: center; margin: 0 auto; }
.slide .dot span { display: inline-block; width: 5px; height: 5px; margin-left: 5px; border: 1px solid #fff; border-radius: 50%; }
.slide .dot .cur { background-color: #04BE02; border: 1px solid #04BE02; }
.slide .txt { overflow: hidden; text-align: center; font-size: 16px; white-space: nowrap; word-break: break-all; text-overflow: ellipsis; }
/*鎼滅储*/
.search-input { box-sizing: content-box; width: 100%; height: 30px; display: inline-block; border: none; -webkit-appearance: none; appearance: none; border-radius: 1px; font-family: inherit; color: #3d4145; font-size: 16px; font-weight: normal; padding: 0 5px; background-color: #fff; border: 1px solid #04be02; opacity: 0.9; }
.search-input::-webkit-input-placeholder {
 color: #cccccc;
 opacity: 1;
}
.search-input+button::after { border: 1px solid #04be02!important; }
.search-input+button { border-radius: 0!important; }
/*鏍囩*/
.weui-label { display: inline-block; position: relative; line-height: 25px; height: 25px; padding: 0 10px; border: 1px solid #cacccd; border-radius: 5px; }

@media screen and (-webkit-min-device-pixel-ratio: 2) {
.weui-label { position: relative; border: 0; }
.weui-label:before { content: ""; width: 200%; height: 200%; position: absolute; top: 0; left: 0; border: 1px solid #cacccd; -webkit-transform: scale(0.5); -webkit-transform-origin: 0 0; padding: 1px; -webkit-box-sizing: border-box; border-radius: 5px; }
}
.weui-label:active { background-color: #f3f2f2; }
.weui-label-list { margin: 0 10px; }
.weui-label-list .weui-label { margin: 5px 5px 0 0; }
.weui-label-s { font-size: 14px; line-height: 16px; display: inline-block; position: relative; padding: 1px; color: #ff7f0d; border: 1px solid #ff7f0d; border-radius: 2px; }

@media screen and (-webkit-min-device-pixel-ratio: 2) {
.weui-label-s { position: relative; border: 0; padding: 2px 1px 0px; }
.weui-label-s:before { content: ""; width: 200%; height: 200%; position: absolute; top: 0; left: 0; border: 1px solid #ff7f0d; -webkit-transform: scale(0.5); -webkit-transform-origin: 0 0; padding: 1px; -webkit-box-sizing: border-box; border-radius: 4px; }
}
.weui-label-s:active { background-color: #f3f2f2; }
.weui-label-s:after { content: ""; position: absolute; top: -5px; bottom: -5px; left: -5px; right: -5px; }
/*
* 绾㈢偣鎻愰啋
*/
.weui-reddot, .weui-reddot-border, .weui-reddot-s { position: relative; display: inline-block; line-height: 22px; padding: 0 6px; }
.weui-reddot:after, .weui-reddot-border:after, .weui-reddot-s:after { content: ''; position: absolute; display: block; width: 8px; height: 8px; background-color: #f74c31; border-radius: 5px; right: -3px; top: -3px; background-clip: padding-box; }
.weui-reddot-static { display: block; width: 8px; height: 8px; padding: 0; }
.weui-reddot-static:after { top: 0; right: 0; }
.weui-reddot-border:before { content: ''; position: absolute; display: block; width: 8px; height: 8px; background-color: #fff; border-radius: 5px; right: -4px; top: -4px; background-clip: padding-box; padding: 1px; }
.weui-reddot-s:after { width: 6px; height: 6px; top: -5px; right: -5px; }
/*鍔ㄧ敾*/
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated.checked { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
@-webkit-keyframes fadeIn {
 from {
 opacity: 0;
}
 to {
 opacity: 1;
}
}
 @keyframes fadeIn {
 from {
 opacity: 0;
}
 to {
 opacity: 1;
}
}
.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }
@-webkit-keyframes fadeOut {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
}
}
 @keyframes fadeOut {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
}
}
.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }
@-webkit-keyframes pulse {
 from {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
 50% {
 -webkit-transform: scale3d(1.05, 1.05, 1.05);
 transform: scale3d(1.05, 1.05, 1.05);
}
 to {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
}
 @keyframes pulse {
 from {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
 50% {
 -webkit-transform: scale3d(1.05, 1.05, 1.05);
 transform: scale3d(1.05, 1.05, 1.05);
}
 to {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
}
.pulse { -webkit-animation-name: pulse; animation-name: pulse; }
@-webkit-keyframes rotateIn {
 from {
 -webkit-transform-origin: center;
 transform-origin: center;
 -webkit-transform: rotate3d(0, 0, 1, -200deg);
 transform: rotate3d(0, 0, 1, -200deg);
 opacity: 0;
}
 to {
 -webkit-transform-origin: center;
 transform-origin: center;
 -webkit-transform: none;
 transform: none;
 opacity: 1;
}
}
 @keyframes rotateIn {
 from {
 -webkit-transform-origin: center;
 transform-origin: center;
 -webkit-transform: rotate3d(0, 0, 1, -200deg);
 transform: rotate3d(0, 0, 1, -200deg);
 opacity: 0;
}
 to {
 -webkit-transform-origin: center;
 transform-origin: center;
 -webkit-transform: none;
 transform: none;
 opacity: 1;
}
}
.rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; }
@-webkit-keyframes shake {
 from, to {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
 10%, 30%, 50%, 70%, 90% {
 -webkit-transform: translate3d(-10px, 0, 0);
 transform: translate3d(-10px, 0, 0);
}
 20%, 40%, 60%, 80% {
 -webkit-transform: translate3d(10px, 0, 0);
 transform: translate3d(10px, 0, 0);
}
}
 @keyframes shake {
 from, to {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
 10%, 30%, 50%, 70%, 90% {
 -webkit-transform: translate3d(-10px, 0, 0);
 transform: translate3d(-10px, 0, 0);
}
 20%, 40%, 60%, 80% {
 -webkit-transform: translate3d(10px, 0, 0);
 transform: translate3d(10px, 0, 0);
}
}
.shake { -webkit-animation-name: shake; animation-name: shake; }
@-webkit-keyframes swing {
 20% {
 -webkit-transform: rotate3d(0, 0, 1, 15deg);
 transform: rotate3d(0, 0, 1, 15deg);
}
 40% {
 -webkit-transform: rotate3d(0, 0, 1, -10deg);
 transform: rotate3d(0, 0, 1, -10deg);
}
 60% {
 -webkit-transform: rotate3d(0, 0, 1, 5deg);
 transform: rotate3d(0, 0, 1, 5deg);
}
 80% {
 -webkit-transform: rotate3d(0, 0, 1, -5deg);
 transform: rotate3d(0, 0, 1, -5deg);
}
 to {
 -webkit-transform: rotate3d(0, 0, 1, 0deg);
 transform: rotate3d(0, 0, 1, 0deg);
}
}
 @keyframes swing {
 20% {
 -webkit-transform: rotate3d(0, 0, 1, 15deg);
 transform: rotate3d(0, 0, 1, 15deg);
}
 40% {
 -webkit-transform: rotate3d(0, 0, 1, -10deg);
 transform: rotate3d(0, 0, 1, -10deg);
}
 60% {
 -webkit-transform: rotate3d(0, 0, 1, 5deg);
 transform: rotate3d(0, 0, 1, 5deg);
}
 80% {
 -webkit-transform: rotate3d(0, 0, 1, -5deg);
 transform: rotate3d(0, 0, 1, -5deg);
}
 to {
 -webkit-transform: rotate3d(0, 0, 1, 0deg);
 transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; }
@-webkit-keyframes a {
0% {
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0);
opacity:0
}
to {
-webkit-transform:translateZ(0);
transform:translateZ(0);
opacity:1
}
}
@keyframes a {
0% {
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0);
opacity:0
}
to {
-webkit-transform:translateZ(0);
transform:translateZ(0);
opacity:1
}
}
@-webkit-keyframes b {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0);
opacity:1
}
to {
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0);
opacity:0
}
}
@keyframes b {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0);
opacity:1
}
to {
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0);
opacity:0
}
}
.slideIn { -webkit-animation: a .2s forwards; animation: a .2s forwards }
.slideOut { -webkit-animation: b .2s forwards; animation: b .2s forwards }
.weui-loading { width: 20px; height: 20px; display: inline-block; vertical-align: middle; -webkit-animation: weuiLoading 1s steps(12, end) infinite; animation: weuiLoading 1s steps(12, end) infinite; background: transparent url() no-repeat; background-size: 100%; }
@-webkit-keyframes weuiLoading {
 0% {
 -webkit-transform: rotate3d(0, 0, 1, 0deg);
}
 100% {
 -webkit-transform: rotate3d(0, 0, 1, 360deg);
}
}
@keyframes weuiLoading {
 0% {
 -webkit-transform: rotate3d(0, 0, 1, 0deg);
}
 100% {
 -webkit-transform: rotate3d(0, 0, 1, 360deg);
}
}
/*css3*/
.radius-lg { -webkit-border-radius: 15px; border-radius: 15px; }
.radius-md { -webkit-border-radius: 8px; border-radius: 8px; }
.radius-sm { -webkit-border-radius: 2px; border-radius: 2px; }
.radius { -webkit-border-radius: 5px; border-radius: 5px; }
.blur { -webkit-filter: blur(5px); filter: blur(5px); }
.bs { box-shadow: 1px 1px 8px #cccccc; -webkit-box-shadow: 1px 1px 8px #cccccc; }
.circle { -webkit-border-radius: 50%; border-radius: 50%; }
 @keyframes xz360 {
 0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
}
 100% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
 -webkit-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
}
}
@-webkit-keyframes xz360 {
 0% {
 -webkit-transform: rotate(0deg);
 -webkit-transform-origin: 50% 50%;
}
 100% {
 -webkit-transform: rotate(360deg);
 -webkit-transform-origin: 50% 50%;
}
}
.xz360 { -webkit-animation: xz360 6s ease-out 0.1s infinite; animation: xz360 6s ease-out 0.1s infinite; }
\ .xz180 {
-webkit-transform:rotate(180deg);
transform:rotate(180deg);
-webkit-transform-origin:50% 50%;
transform-origin:50% 50%
}
.reverse { animation-direction: reverse; }
.opacity { opacity: 0.5; filter: alpha(opacity=50); }
.opacity-0 { opacity: 0; filter: alpha(opacity=0); }
.opacity-1 { opacity: 1; filter: alpha(opacity=100); }
.ts { text-shadow: 1px 1px 0 rgba(255,255,255,1), 1px 1px 2px rgba(0,85,0,.8); }
.jb { background-color: #999; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#999), to(#FFF)); background-image: -webkit-linear-gradient(top, #999, #FFF); background-image: linear-gradient(top, #999, #FFF); }
/*鍥剧墖鏁堟灉缁勪欢*/
.img-border { padding: 3px; margin-left: -5px; line-height: 16px; background-color: #fff; border: 1px solid #ddd; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; display: inline-block;  *display: inline;
 *zoom: 1;
}
a.img-border { max-width: 100%; height: auto; }
a.img-border:focus, a.img-border:hover { border-color: #428bca; }
.img-radius { border-radius: 3px; }
.img-max { display: block; max-width: 100%; }
/*
weui-box*/  
.weui-img-box { position: relative; border-radius: 2px }
.weui-img { background-position: 50% center; background-size: cover; border-radius: 2px; cursor: pointer; display: block; max-width: 100%; padding-bottom: 33%; position: relative; }
.weui-img-title { color: #fff; font-size: 16px; font-weight: 500; left: 0; position: absolute; right: 0; text-align: center; text-shadow: 0 0 2px rgba(0, 0, 0, 0.5); top: 50%; transform: translateY(-50%); width: 100%; }
.weui-img-time { border-top: 1px solid #f0f0f0; display: inline-block; font-size: 12px; margin-top: 5px; padding-top: 4px; }
.weui-img-masker { border-radius: inherit; bottom: 0; left: 0; position: absolute; right: 0; top: 0; background-color: rgba(0, 0, 0, 0.5); }
/*鍒嗛〉*/
.pager { font-size: 14px; }
.pager:after { clear: both; }
.pager:after, .pager:before { display: table; content: " "; }
.pager-left { width: 40%; border: 0px solid #D5D5D5; text-align: center; background-color: #fff; border-radius: 5px; float: left; }
.pager-cen { float: left; width: 19%; text-align: center; padding: 7px 0; }
.pager-right { width: 40%; border: 0px solid #D5D5D5; text-align: center; background-color: #fff; border-radius: 5px; float: right; }
.pager-first { width: 44%; padding: 7px 0; float: left; border-right: 1px solid #EFEFEF; }
.pager-pre { width: 55%; padding: 7px 0; float: right; }
.pager-next { width: 55%; padding: 7px 0; float: left; border-right: 1px solid #EFEFEF; }
.pager-end { width: 44%; padding: 7px 0; float: right; }
/*鍒嗕韩鍒版湅鍙嬪湀鎴栨湅鍙�*/
.weui-share { position: fixed; left: 0; top: 0; z-index: 9999; width: 100%; height: 100%; display: none; cursor: pointer; background: rgba(0, 0, 0, 0.75); }
.weui-share .weui-share-box { position: absolute; top: 65px; right: 20px; width: 140px; padding: 10px; color: #fff; font-size: 20px; line-height: 30px; border: 2px solid; -webkit-border-radius: 10px; border-radius: 10px; }
.weui-share i { position: absolute; background: url() no-repeat 90% 5px; -webkit-background-size: 56px 61px; background-size: 56px 61px; width: 56px; height: 61px; top: -63px; right: 23px; }

/*寰俊鏂囩珷*/
@media (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
.weui-weixin-ui { font-size: 17px; }
}
.weui-weixin-ui { font-size: 16px; word-wrap: break-word; -webkit-hyphens: auto; hyphens: auto; }
.weui-weixin-page { position: relative; padding: 10px 15px 15px; background-color: #fff; }
.weui-weixin-page:before { content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 1px; border-top: 1px solid #e5e5e5; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); top: auto; bottom: -2px; }
.weui-weixin-title { margin-bottom: 10px; line-height: 1.4; font-weight: 400; font-size: 20px; }

@media screen and (min-width: 1024px) {
.weui-weixin { width: 740px; margin-left: auto; margin-right: auto; }
.weui-weixin-title { padding-bottom: 10px; margin-bottom: 14px; border-bottom: 1px solid #e7e7eb; }
}
.weui-weixin-info { margin-bottom: 18px; line-height: 20px; font-size: 0; }
.weui-weixin-a { display: inline-block; vertical-align: middle; margin-right: 8px; margin-bottom: 10px; font-size: 16px; }
.weui-weixin-em { color: #8c8c8c; font-style: normal; display: inline-block; font-size: 16px; margin-bottom: 10px; margin-right: 12px; vertical-align: middle; }
.weui-weixin-nickname { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 9em; }
.weui-weixin-img { width: 100%; margin-bottom: 6px; }
.weui-weixin-img img { height: auto !important; max-width: 100%; }
.weui-weixin-content { overflow: hidden; color: #3e3e3e; font-size: 16px; }
.weui-weixin-content * { max-width: 100% !important; box-sizing: border-box !important; -webkit-box-sizing: border-box !important; word-wrap: break-word !important; }
.weui-weixin-content p { clear: both; min-height: 1em; white-space: pre-wrap; margin-bottom: 20px; }
.weui-weixin-content fieldset { min-width: 0; }
.weui-weixin-content blockquote { margin: 0; padding-left: 10px; border-left: 3px solid #dbdbdb; }
.weui-weixin-content img { height: auto !important; max-width: 100%; display: block; }
 @media screen and (min-width: 0\0) and (min-resolution: 72dpi) {
 .weui-weixin-content table {
 table-layout: fixed !important;
}
 .weui-weixin-content td, .weui-weixin-content th {
 width: auto !important;
}
}
.weui-weixin-tools { overflow: hidden; padding-top: 15px; line-height: 32px; font-size: 14px; }
.weui-weixin-read { vertical-align: 0; position: relative; margin: 0 10px; display: inline-block; color: #8c8c8c; }
.weui-weixin-zan { background: transparent url("") no-repeat scroll 0 0 / 100% auto; display: inline-block; height: 13px; vertical-align: middle; width: 13px; }
.weui-weixin-zan.zaned { background-position: 0 -18px; }
.zaned .weui-weixin-zan { background-position: 0 -18px; }
.weui-weixin-num { margin-left: 3px; }
/**
 * 鎻愮ず椤甸潰
 */
.weui_msg_box { width: 100%; height: 80%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center; -webkit-box-align: center; position: absolute; text-align: center; }
.weui_msg_box p { font-size: 16px; line-height: 20px; color: #bbbbbb; text-align: center; padding: 0 15px; }
/*璇勮*/
.weui-comment { font-size: 16px; margin-top: -5px; padding-bottom: 20px; }
.weui-comment-item { margin-top: 15px; padding-left: 45px; position: relative; list-style-type: none; }
.weui-comment-item::after { clear: both; content: "鈥�"; display: block; height: 0; }
.weui-comment-item .userinfo { min-height: 20px; overflow: hidden; }
.weui-comment-item .nickname { color: #727272; display: block; font-style: normal; font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 9em; word-wrap: normal; }
.weui-comment-item .avatar { background-color: #ccc; border-radius: 2px; height: 35px; left: 0; margin-top: 0; position: absolute; top: 3px; vertical-align: top; width: 35px; }
.weui-comment-item .weui-comment-msg { color: #3e3e3e; line-height: 1.5; }
.weui-comment-item .time { color: #8c8c8c; font-size: 12px; }
.weui-comment-item .time a { margin-left: 0.5em; }
.weui-comment-item .status { color: #ff7a21; white-space: nowrap; }
.weui-comment-item .status i { font-style: normal; margin-right: 2px; }
.weui-comment-item .weui-comment-li { float: right; }
.weui-comment-item .weui-comment-li .check { display: inline-block; margin-top: -5px; padding-top: 5px; text-align: right; }
.weui-comment-reply { margin-top: 0.5em; padding-left: 0.4em; padding-top: 0.5em; position: relative; }
.weui-comment-num { color: #666; display: inline-block; font-size: 14px; vertical-align: middle; }
.weui-comment-reply::before { border-top: 1px solid #dadada; content: " "; height: 1px; left: 0; position: absolute; top: 0; transform: scaleY(0.5); transform-origin: 0 0 0; width: 100%; }
.weui-comment-reply .nickname { overflow: visible; position: relative; }
.weui-comment-reply .nickname::before { background-color: #02bb00; content: " "; height: 14px; left: -0.4em; margin-top: -7px; position: absolute; top: 50%; width: 3px; }
.weui-comment-icon { background: transparent url("") no-repeat scroll 0 0 / 100% auto; display: inline-block; height: 13px; vertical-align: middle; width: 13px; }
.weui-comment-icon.checked, .checked .weui-comment-icon { background-position: 0 -18px; }
/*鍔犲噺*/
.weui-number-input { float: left; height: 20px; font-size: 20px; color: #666; -webkit-appearance: none; appearance: none; border: 1px solid #ececec; padding: 3px 0; text-align: center; border-radius: 1px; }
.weui-number { float: left; height: 20px; font-size: 25px; line-height: 18px; color: #3cc51f; border: 1px solid #ececec; }
.weui-number-sub { border-right: none; padding: 3px 10px; border-radius: 2px 0 0 2px; }
.weui-number-plus { border-left: none; margin-right: 5px; padding: 3px 8px; border-radius: 0 2px 2px 0; }
.weui-rater { text-align: left; display: inline-block; line-height: normal; }
.weui-rater a { display: inline-block; text-align: center; line-height: 25px; cursor: pointer; color: #ccc; }
.weui-rater a:last-child { padding-right: 2px!important; margin-right: 0px!important; }
.weui-rater a:hover { color: #ffdd99; }
.weui-rater a.checked { color: #ffdd99 !important; cursor: not-allowed; }
.weui-rater-box { position: relative; margin-right: 2px; font-size: 25px; width: 25px; height: 25px; color: rgb(255, 204, 102); }
.weui-rater-inner { position: relative; display: inline-block; }
.weui-rater-outer { position: absolute; left: 0; top: 0; display: inline-block; overflow: hidden; }
/*寮瑰嚭妗�*/
.weui_msg_img { background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0; height: 100%; left: 0; display: node; position: fixed; text-align: center; top: 0; width: 100%; z-index: 999; }
.weui_msg_com { border-radius: 10px; margin: 70px auto 0; position: relative; width: 80%; }
.weui_msg_close { background: rgba(55,55,55,0.9); border-radius: 15px; color: #fff; cursor: pointer; font-weight: bold; height: 30px; line-height: 30px; position: absolute; right: -10px; top: -10px; width: 30px; border: 1px solid #FFF; }
.weui_msg_src { border-radius: 5px; font-size: 0; overflow: hidden; }
.weui_msg_src img { width: 100%; }
.weui_msg_src p { font-size: 18px; line-height: 25px; margin: 20px auto 0; width: 80%; }
.weui_msg_src a { background: #f84c2f none repeat scroll 0 0; border-radius: 5px; color: #fff; display: block; font-size: 14px; height: 35px; line-height: 35px; margin: 20px auto; text-align: center; width: 100px; }
.weui_msg_comment { background: #fff none repeat scroll 0 0; border-radius: 5px; color: #ff0000; padding: 0 0 10px; }
/*toast 瀵硅瘽妗� 鎵╁睍*/
.weui_dialog, .weui_toast { -webkit-transition-duration: .2s; transition-duration: .2s; opacity: 0; -webkit-transform: scale(0.9); transform: scale(0.9); visibility: hidden; margin: 0; left: 7.5%; top: 30%; z-index: 100; }
.weui_dialog .weui_btn_dialog + .weui_btn_dialog, .weui_toast .weui_btn_dialog + .weui_btn_dialog { position: relative; }
.weui_dialog .weui_btn_dialog + .weui_btn_dialog:after, .weui_toast .weui_btn_dialog + .weui_btn_dialog:after { content: " "; position: absolute; left: 0; top: 0; width: 1px; height: 100%; border-left: 1px solid #D5D5D6; color: #D5D5D6; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleX(0.5); transform: scaleX(0.5); }
.weui_dialog.weui_dialog_visible, .weui_toast.weui_dialog_visible, .weui_dialog.weui_toast_visible, .weui_toast.weui_toast_visible { opacity: 1; visibility: visible; -webkit-transform: scale(1); transform: scale(1); }

@media screen and (min-width: 1024px) {
.weui_dialog { left: 32.5%; }
}
.weui_toast { left: 50%; top: 35%; margin-left: -3.8em; }
.weui_toast_forbidden { color: #F76260; }
.weui_toast_cancel .weui_icon_toast:before { content: "\EA0D"; }
.weui_toast_forbidden .weui_icon_toast:before { content: "\EA0B"; color: #F76260; }
.weui_mask { opacity: 0; -webkit-transition-duration: .3s; transition-duration: .3s; visibility: hidden; z-index: 10; }
.weui_mask.weui_mask_visible { opacity: 1; visibility: visible; }
.weui-prompt-input { padding: 4px 6px; border: 1px solid #ccc; box-sizing: border-box; height: 2em; width: 80%; margin-top: 10px; }
/* picker,鏃ユ湡鏃堕棿popup,select*/
.weui-picker-modal { width: 100%; position: absolute; z-index: 100; bottom: 0; text-align: center; border-radius: 0; opacity: .6; color: #3d4145; -webkit-transition-duration: .3s; transition-duration: .3s; height: 13rem; background: #efeff4; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform }
.weui-picker-modal.weui-picker-modal-visible { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
.weui-picker-modal .picker-modal-inner { position: relative; height: 10.8rem }
.weui-picker-modal .toolbar { position: relative; width: 100%; font-size: 16px; line-height: 1.5; color: #3d4145; background: #f7f7f8 }
.weui-picker-modal .toolbar:before { content: ''; position: absolute; left: 0; top: 0; bottom: auto; right: auto; height: 1px; width: 100%; background-color: #d9d9d9; display: block; z-index: 15; -webkit-transform-origin: 50% 0; transform-origin: 50% 0 }

@media only screen and (-webkit-min-device-pixel-ratio:2) {
.weui-picker-modal .toolbar:before { -webkit-transform: scaleY(0.5); transform: scaleY(0.5) }
}

@media only screen and (-webkit-min-device-pixel-ratio:3) {
.weui-picker-modal .toolbar:before { -webkit-transform: scaleY(0.33); transform: scaleY(0.33) }
}
.weui-picker-modal .picker-columns { width: 100%; height: 13rem; z-index: 11500 }
.weui-picker-modal .picker-columns.picker-modal-inline, .popover .weui-picker-modal .picker-columns { height: 10rem }

@media(orientation:landscape) and (max-height:415px) {
.weui-picker-modal .picker-columns:not(.picker-modal-inline) { height: 10rem }
}
.weui-picker-modal .popover.popover-picker-columns { width: 14rem }
.weui-picker-modal .picker-items { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; width: 100%; padding: 0; text-align: right; font-size: 17px; font-weight: normal; -webkit-mask-box-image: -webkit-linear-gradient(bottom, transparent, transparent 5%, white 20%, white 80%, transparent 95%, transparent); -webkit-mask-box-image: linear-gradient(to top, transparent, transparent 5%, white 20%, white 80%, transparent 95%, transparent) }
.weui-picker-modal .bar+.picker-items { height: 10.8rem }
.weui-picker-modal .picker-items-col { overflow: hidden; position: relative; max-height: 100% }
.weui-picker-modal .picker-items-col.picker-items-col-left { text-align: left }
.weui-picker-modal .picker-items-col.picker-items-col-center { text-align: center }
.weui-picker-modal .picker-items-col.picker-items-col-right { text-align: right }
.weui-picker-modal .picker-items-col.picker-items-col-divider { color: #3d4145; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center }
.weui-picker-modal .picker-items-col-wrapper { -webkit-transition: 300ms; transition: 300ms; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out }
.weui-picker-modal .picker-item { height: 32px; line-height: 32px; padding: 0 10px; white-space: nowrap; position: relative; overflow: hidden; text-overflow: ellipsis; color: #9b9b9b; left: 0; top: 0; width: 100%; box-sizing: border-box; -webkit-transition: 300ms; transition: 300ms }
.picker-items-col-absolute .weui-picker-modal .picker-item { position: absolute }
.weui-picker-modal .picker-item.picker-item-far { pointer-events: none }
.weui-picker-modal .picker-item.picker-selected { color: #3d4145; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transform: rotateX(0deg); transform: rotateX(0deg) }
.weui-picker-modal .picker-center-highlight { height: 32px; box-sizing: border-box; position: absolute; left: 0; width: 100%; top: 50%; margin-top: -16px; pointer-events: none }
.weui-picker-modal .picker-center-highlight:before { content: ''; position: absolute; left: 0; top: 0; bottom: auto; right: auto; height: 1px; width: 100%; background-color: #d9d9d9; display: block; z-index: 15; -webkit-transform-origin: 50% 0; transform-origin: 50% 0 }

@media only screen and (-webkit-min-device-pixel-ratio:2) {
.weui-picker-modal .picker-center-highlight:before { -webkit-transform: scaleY(0.5); transform: scaleY(0.5) }
}

@media only screen and (-webkit-min-device-pixel-ratio:3) {
.weui-picker-modal .picker-center-highlight:before { -webkit-transform: scaleY(0.33); transform: scaleY(0.33) }
}
.weui-picker-modal .picker-center-highlight:after { content: ''; position: absolute; left: 0; bottom: 0; right: auto; top: auto; height: 1px; width: 100%; background-color: #d9d9d9; display: block; z-index: 15; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100% }

@media only screen and (-webkit-min-device-pixel-ratio:2) {
.weui-picker-modal .picker-center-highlight:after { -webkit-transform: scaleY(0.5); transform: scaleY(0.5) }
}

@media only screen and (-webkit-min-device-pixel-ratio:3) {
.weui-picker-modal .picker-center-highlight:after { -webkit-transform: scaleY(0.33); transform: scaleY(0.33) }
}
.weui-picker-modal .picker-3d .picker-items { overflow: hidden; -webkit-perspective: 1200px; perspective: 1200px }
.weui-picker-modal .picker-3d .picker-items-col, .weui-picker-modal .picker-3d .picker-items-col-wrapper, .weui-picker-modal .picker-3d .picker-item { -webkit-transform-style: preserve-3d; transform-style: preserve-3d }
.weui-picker-modal .picker-3d .picker-items-col { overflow: visible }
.weui-picker-modal .picker-3d .picker-item { -webkit-transform-origin: center center -110px; transform-origin: center center -110px; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out }
.weui-picker-modal .title { position: absolute; display: block; width: 100%; padding: 0; font-size: 17px; font-weight: normal; line-height: 35px; color: #3d4145; text-align: center; white-space: nowrap }
.weui-picker-modal .picker-button { position: absolute; right: 0; box-sizing: border-box; height: 30px; line-height: 30px; color: #04be02; z-index: 1; padding: 0 .5rem }
.weui-picker-overlay, .weui-picker-container { position: fixed; bottom: 0; left: 0; right: 0; height: 0; width: 100% }
.city-picker .col-province { width: 5rem }
.city-picker .col-city { width: 6rem }
.city-picker .col-district { width: 5rem }
.weui-picker-container .weui_cells { margin: 0; text-align: left }
.weui-select-modal { height: auto }
.weui-select-modal .weui_cells { overflow-y: auto; overflow-x: hidden; max-height: 16rem }
.weui-select-modal .weui_cells:after { display: none }
.weui-picker-calendar { background: #fff; height: 15rem; width: 100%; overflow: hidden }

@media(orientation:landscape) and (max-height:415px) {
.weui-picker-calendar:not(.picker-modal-inline) { height: 11rem }
}
.weui-picker-calendar .picker-modal-inner { overflow: hidden; height: 12.8rem }
.picker-calendar-week-days { height: .9rem; background: #f7f7f8; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; font-size: 11px; box-sizing: border-box; position: relative }
.picker-calendar-week-days:after { content: ''; position: absolute; left: 0; bottom: 0; right: auto; top: auto; height: 1px; width: 100%; background-color: #c4c4c4; display: block; z-index: 15; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100% }

@media only screen and (-webkit-min-device-pixel-ratio:2) {
.picker-calendar-week-days:after { -webkit-transform: scaleY(0.5); transform: scaleY(0.5) }
}

@media only screen and (-webkit-min-device-pixel-ratio:3) {
.picker-calendar-week-days:after { -webkit-transform: scaleY(0.33); transform: scaleY(0.33) }
}
.picker-calendar-week-days .picker-calendar-week-day { -webkit-flex-shrink: 1; -ms-flex: 0 1 auto; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; width: 14.28571429%; width: calc(100% / 7); line-height: 17px; text-align: center }
.picker-calendar-week-days+.picker-calendar-months { height: 11.9rem }
.picker-calendar-months { width: 100%; height: 100%; overflow: hidden; position: relative }
.picker-calendar-months-wrapper { position: relative; width: 100%; height: 100%; -webkit-transition: 300ms; transition: 300ms }
.picker-calendar-month { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; width: 100%; height: 100%; position: absolute; left: 0; top: 0 }
.picker-calendar-row { height: 16.66666667%; height: calc(100% / 6); display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-shrink: 1; -ms-flex: 0 1 auto; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; width: 100%; position: relative }
.picker-calendar-row:after { content: ''; position: absolute; left: 0; bottom: 0; right: auto; top: auto; height: 1px; width: 100%; background-color: #ccc; display: block; z-index: 15; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100% }

@media only screen and (-webkit-min-device-pixel-ratio:2) {
.picker-calendar-row:after { -webkit-transform: scaleY(0.5); transform: scaleY(0.5) }
}

@media only screen and (-webkit-min-device-pixel-ratio:3) {
.picker-calendar-row:after { -webkit-transform: scaleY(0.33); transform: scaleY(0.33) }
}
.picker-calendar-row:last-child:after { display: none }
.picker-calendar-day { -webkit-flex-shrink: 1; -ms-flex: 0 1 auto; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; box-sizing: border-box; width: 14.28571429%; width: calc(100% / 7); text-align: center; color: #3d4145; font-size: 15px; cursor: pointer }
.picker-calendar-day.picker-calendar-day-prev, .picker-calendar-day.picker-calendar-day-next { color: #ccc }
.picker-calendar-day.picker-calendar-day-disabled { color: #d4d4d4; cursor: auto }
.picker-calendar-day.picker-calendar-day-today span { background: #e3e3e3 }
.picker-calendar-day.picker-calendar-day-selected span { background: #04be02; color: #fff }
.picker-calendar-day span { display: inline-block; border-radius: 100%; width: 30px; height: 30px; line-height: 30px }
.picker-calendar-month-picker, .picker-calendar-year-picker { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; width: 50%; max-width: 200px; -webkit-flex-shrink: 10; -ms-flex: 0 10 auto; -webkit-flex-shrink: 10; -ms-flex-negative: 10; flex-shrink: 10 }
.picker-calendar-month-picker a.icon-only, .picker-calendar-year-picker a.icon-only { min-width: 36px }
.picker-calendar-month-picker span, .picker-calendar-year-picker span { -webkit-flex-shrink: 1; -ms-flex: 0 1 auto; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; position: relative; overflow: hidden; text-overflow: ellipsis }
.popover .picker-calendar .picker-calendar-week-days, .picker-calendar.picker-modal-inline .picker-calendar-week-days { background: 0 }
.popover .picker-calendar .toolbar:before, .picker-calendar.picker-modal-inline .toolbar:before, .popover .picker-calendar .picker-calendar-week-days:before, .picker-calendar.picker-modal-inline .picker-calendar-week-days:before { display: none }
.popover .picker-calendar .toolbar:after, .picker-calendar.picker-modal-inline .toolbar:after, .popover .picker-calendar .picker-calendar-week-days:after, .picker-calendar.picker-modal-inline .picker-calendar-week-days:after { display: none }
.popover .picker-calendar .toolbar ~ .picker-modal-inner .picker-calendar-months:before, .picker-calendar.picker-modal-inline .toolbar ~ .picker-modal-inner .picker-calendar-months:before, .popover .picker-calendar .picker-calendar-week-days ~ .picker-calendar-months:before, .picker-calendar.picker-modal-inline .picker-calendar-week-days ~ .picker-calendar-months:before { content: ''; position: absolute; left: 0; top: 0; bottom: auto; right: auto; height: 1px; width: 100%; background-color: #c4c4c4; display: block; z-index: 15; -webkit-transform-origin: 50% 0; transform-origin: 50% 0 }

@media only screen and (-webkit-min-device-pixel-ratio:2) {
.popover .picker-calendar .toolbar ~ .picker-modal-inner .picker-calendar-months:before, .picker-calendar.picker-modal-inline .toolbar ~ .picker-modal-inner .picker-calendar-months:before, .popover .picker-calendar .picker-calendar-week-days ~ .picker-calendar-months:before, .picker-calendar.picker-modal-inline .picker-calendar-week-days ~ .picker-calendar-months:before { -webkit-transform: scaleY(0.5); transform: scaleY(0.5) }
}

@media only screen and (-webkit-min-device-pixel-ratio:3) {
.popover .picker-calendar .toolbar ~ .picker-modal-inner .picker-calendar-months:before, .picker-calendar.picker-modal-inline .toolbar ~ .picker-modal-inner .picker-calendar-months:before, .popover .picker-calendar .picker-calendar-week-days ~ .picker-calendar-months:before, .picker-calendar.picker-modal-inline .picker-calendar-week-days ~ .picker-calendar-months:before { -webkit-transform: scaleY(0.33); transform: scaleY(0.33) }
}
.weui-picker-modal .toolbar-inner { height: 2.2rem; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; text-align: center }
.picker-calendar-month-picker, .picker-calendar-year-picker { display: block; line-height: 2.2rem }
.picker-calendar-month-picker a.icon-only, .picker-calendar-year-picker a.icon-only { float: left; width: 25%; height: 2.2rem; line-height: 2rem }
.picker-calendar-month-picker .current-month-value, .picker-calendar-year-picker .current-month-value, .picker-calendar-month-picker .current-year-value, .picker-calendar-year-picker .current-year-value { float: left; width: 50%; height: 2.2rem }
.weui-popup-modal { width: 100%; position: absolute; z-index: 100; bottom: 0; border-radius: 0; opacity: .6; color: #3d4145; -webkit-transition-duration: .3s; transition-duration: .3s; height: 100%; background: #efeff4; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; overflow-x: hidden; overflow-y: auto }
.weui-popup-modal.weui-popup-modal-visible { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
.weui-popup-overlay, .weui-popup-container { position: fixed; bottom: 0; left: 0; right: 0; height: 0; width: 100%; height: 100% }
.weui-popup-container { display: none }
.weui-popup-container.weui-popup-container-visible { display: block }
.weui-popup-container .weui_cells { margin: 0; text-align: left }
/*header*/
.weui-header { position: relative; padding: 3px 0; -webkit-box-sizing: border-box; }
.weui-header .weui-header-title, .weui-header h1 { margin: 0 88px; margin-left: 100px; line-height: 40px; text-align: center; height: 40px; font-size: 18px; font-weight: 400; width: auto; /*overflow: hidden;*/ text-overflow: ellipsis; white-space: nowrap; color: #fff }
.weui-header .weui-header-title a, .weui-header .weui-header-title a:active, .weui-header h1 a, .weui-header h1 a:active { color: #fff }
.weui-header .weui-header-left, .weui-header .weui-header-right { position: absolute; top: 14px; display: block; font-size: 16px; line-height: 21px; color: #FFF; }
.weui-header .weui-header-left a, .weui-header .weui-header-left button, .weui-header .weui-header-right a, .weui-header .weui-header-right button { float: left; margin-right: 8px; }
.weui-header .weui-header-left a:active, .weui-header .weui-header-left button:active, .weui-header .weui-header-right a:active, .weui-header .weui-header-right button:active { opacity: .8 }
.weui-header .weui-header-left { left: 18px }
.weui-header .weui-header-right { right: 15px }
.weui-header .weui-header-right a, .weui-header .weui-header-right button { margin-left: 8px; margin-right: 0 }
/*鏃堕棿绾�*/
.timeline { padding: 1rem; }
.timeline p { color: #888; font-size: 0.8rem; }
.timeline h4 { color: #666; font-weight: 400; }
.timeline .recent { color: #18b4ed; }
.timeline ul li { list-style: outside none none; }
.timeline-item { position: relative; }
.timeline-item-content { padding: 0 0 1.5rem 1.2rem; }
.timeline-item-head, .timeline-item-head-first { border-radius: 99px; content: ""; position: absolute; z-index: 99; background-color: #04be02; }
.timeline-item-head { height: 10px; left: 1px; top: 4px; width: 10px; }
.timeline-item-head-first { height: 20px; left: -4px; top: 5px; width: 20px; }
.timeline-item-tail { content: ""; background-color: #04be02; height: 100%; left: 5px; position: absolute; top: 5px; width: 2px; }
.timeline-item-checked { left: 0; position: absolute; top: 45%; transform: translateY(-50%); width: 100%; }
.timeline-item-checked::before { color: #fff; font-size: 12px; width: 20px; }
/*navigator*/
.weui-navigator { background: #fafafa; position: relative; padding: 0; margin: 0 }
.weui-navigator-list { width: 100%; list-style: none; display: -webkit-box; margin: 0 auto }
.weui-navigator-list li { list-style: none; line-height: 34px; font-size: 16px; font-weight: bold; text-align: center; -webkit-box-flex: 1; display: -webkit-box; white-space: nowrap; -webkit-box-align: center; -webkit-box-pack: center }
.weui-navigator.weui-navigator-wrapper { z-index: 1; width: 100%; overflow: hidden; position: relative; -webkit-backface-visibility: hidden }
.weui-navigator-list li a { text-decoration: none; color: #666; display: block; width: 100%; -webkit-box-sizing: border-box; padding: 0 15px }
.weui-navigator-list li.weui-state-hover, .weui-navigator-list li.weui-state-active a { color: #04be02 }
.weui-navigator-list li.weui-state-hover, .weui-navigator-list li.weui-state-active a:after { content: ''; display: block; height: 2px; background-color: #04be02 }
.weui-navigator .weui-navigator-list { display: table; table-layout: fixed; white-space: nowrap; width: auto }
.weui-navigator .weui-navigator-list:after { content: ''; clear: both; display: inline-block; width: 0; height: 0; overflow: hidden }
.weui-navigator .weui-navigator-list li { display: inline-block }
/*weui-tab*/
.weui_tab_nav { display: box; display: -webkit-box; display: -webkit-flex;  display: display:flex
}
.weui_tab_nav .weui_nav_green { display: block; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; width: 100%; height: 30px; padding: 0; font-size: 14px; line-height: 31px; text-align: center; border: 1px solid #04be02; border-width: 1px 1px 1px 0; color: #04be02; white-space: nowrap; background: #fdfdfd }
.weui_tab_nav .weui_nav_green.bg_green { border-color: #04be02; color: #fff; background: #04be02 }

.weui_tab_nav .weui_nav_blue { display: block; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; width: 100%; height: 30px; padding: 0; font-size: 14px; line-height: 31px; text-align: center; border: 1px solid #18b4ed; border-width: 1px 1px 1px 0; color: #18b4ed; white-space: nowrap; background: #fdfdfd }
.weui_tab_nav .weui_nav_blue.bg_blue { border-color: #18b4ed; color: #fff; background: #18b4ed }

.weui_tab_nav .weui_nav_red { display: block; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; width: 100%; height: 30px; padding: 0; font-size: 14px; line-height: 31px; text-align: center; border: 1px solid #ef4f4f; border-width: 1px 1px 1px 0; color: #ef4f4f; white-space: nowrap; background: #fdfdfd }
.weui_tab_nav .weui_nav_red.bg_red { border-color: #EF4F4F; color: #fff; background: #EF4F4F }
.weui_tab_nav .weui_navbar_item:first-child { border-width: 1px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; background-clip: padding-box }
.weui_tab_nav .weui_navbar_item:last-child { border-top-right-radius: 5px; border-bottom-right-radius: 5px; background-clip: padding-box }
/*涓婁笅鎷�*/
.dropload-up, .dropload-down { position: relative; height: 0; overflow: hidden; font-size: 12px; -webkit-transform: translateZ(0); transform: translateZ(0) }
.dropload-down { height: 50px }
.dropload-refresh, .dropload-update, .dropload-load, .dropload-noData { height: 50px; line-height: 50px; text-align: center }
.weui-updown { -webkit-animation: weui-updown .3s linear; animation: opacity .3s linear }
@-webkit-keyframes weui-updown {
0% {
opacity:0
}
100% {
opacity:1
}
}
@keyframes weui-updown {
0% {
opacity:0
}
100% {
opacity:1
}
}
.page-hd { padding: 20px; }
.page-hd-title { font-size: 20px; font-weight: 400; text-align: left; margin-bottom: 15px; }
.page-hd-desc { color: #888; font-size: 14px; margin-top: 5px; text-align: left; }
.page-bd { padding: 0; }
.page-bg { background-color: #f8f8f8; }
.page-bd-15 { padding: 0 15px; }
.page-bd img { height: 20px; width: 20px; }
.page-bd ul { list-style: none; }
.page-bd li { background-color: #fff; cursor: pointer; margin: 10px 0; overflow: hidden; vertical-align: bottom; }
.page-bd li.js-show .weui-flex { opacity: 0.4; }
.page-bd li.js-show .page-category { height: auto; }
.page-bd li.js-show .page-category-content { opacity: 1; transform: translateY(0px); }
.page-bd li:first-child { margin-top: 0; }
.page-bd .page-category { height: 0; overflow: hidden; }
.page-bd .page-category-content { opacity: 0; transform: translateY(-50%); transition: all 0.3s ease 0s; }
.page-bd .weui-flex { align-items: center; padding: 10px; transition: all 0.3s ease 0s; display: -webkit-flex; display: -webkit-box; display: flex; }
.page-bd .weui-flex-item { -webkit-flex: 1 1 0; flex: 1 1 0; }
.weui_cell-bd { -webkit-flex: 1 1 0; flex: 1 1 0; }
.weui-vcode-btn { border-left: 1px solid #e5e5e5; color: #3cc51f; display: inline-block; font-size: 17px; height: 44px; line-height: 44px; margin-left: 5px; padding: 0 0.6em 0 0.7em; vertical-align: middle; }
.weui-agree { display: block; font-size: 16px; padding: 0.5em 15px; }
.weui-agree a { color: #586c94; }
.weui-agree-text { color: #999999; }
.weui-agree input:checked { -webkit-appearance: none; }
.weui-agree-checkbox { background-color: #ffffff; border: 1px solid #d1d1d1; border-radius: 3px; font-size: 0; height: 16px; outline: 0 none; position: relative; top: 2px; vertical-align: 0; width: 16px; }
.weui-agree-checkbox:checked::before { color: #09bb07; content: "\EA08"; display: inline-block; font-family: "weui"; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; left: 50%; position: absolute; text-align: center; text-decoration: inherit; text-transform: none; top: 50%; transform: translate(-50%, -48%) scale(0.73); vertical-align: middle; }
.weui-agree-checkbox:disabled { background-color: #e1e1e1; }
.weui-agree-checkbox:disabled::before { color: #adadad; }
.weui-footer { color: #999999; font-size: 14px; text-align: center; }
.weui-footer a { color: #586c94; }
.weui-footer-fixed-bottom { bottom: 0.52em; left: 0; position: fixed; right: 0; }
.weui-footer-links { font-size: 0; }
.weui-footer-link { display: inline-block; font-size: 14px; margin: 0 0.62em; position: relative; vertical-align: top; }
.weui-footer-link::before { border-left: 1px solid #c7c7c7; bottom: 0.36em; color: #c7c7c7; content: " "; left: -0.65em; position: absolute; top: 0.36em; transform: scaleX(0.5); transform-origin: 0 0 0; width: 1px; }
.weui-footer-link:first-child::before { display: none; }
.weui-footer-text { font-size: 12px; padding: 0 0.34em; }
.weui-flex { display: -webkit-box; display: -webkit-flex; display: flex; }
.weui-flex-item { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; }
.placeholder { background-color: #ebebeb; color: #cfcfcf; height: 2.3em; line-height: 2.3em; margin: 5px; text-align: center; }
.weui-avatar, .weui-avatar img:first-child { border-radius: 4px; height: 52px; vertical-align: middle; position: relative; width: 52px; }
.weui-avatar-circle { display: inline-block; height: 50px; margin-right: 13px; position: relative; vertical-align: middle; width: 50px; }
.weui-avatar-url { border-radius: 50%; display: inline-block; height: 50px; position: relative; width: 50px; }
.weui-avatar-status { bottom: 0; height: 20px; position: absolute; right: 0; width: 20px; }
.weui_toptips.ok, .weui_toptips.success { background-color: #04BE02; }
.weui_toptips.info { background-color: rgba(51,51,51,0.8); }
.weui_toptips.warning { background-color: #FF6600; }
.weui_toptips.weui_toptips_visible { opacity: 1; }
.weui_actionsheet .weui_actionsheet_title { background-color: #f4f4f4; color: #999; font-size: 16px; padding: 8px 0; position: relative; text-align: center; }
.weui_actionsheet .weui_actionsheet_title::after { border-top: 1px solid #d9d9d9; bottom: 0; color: #d9d9d9; content: " "; height: 1px; left: 0; position: absolute; transform: scaleY(0.5); transform-origin: 0 100% 0; width: 100%; }
/*鏈嬪弸鍦�*/
/* 
  鍩烘湰鏍峰紡璁剧疆 
  Basic Setup
  寮曠敤WeUI,FontAwesome
*/
body { background-color: #F8F8F8; }
.iphone-container { width: 250px; margin: 0 auto; margin-top: 4%; }
.iphone { position: absolute; }
.screen { position: relative; height: 530px; width: 324px; margin: 0 auto; top: 78px; left: 13px; }
.moments__post { display: block; }
.moments__post .weui_cell_hd { display: table-cell; vertical-align: top; min-width: 45px; }
.moments__post .weui_cell_hd img { width: 45px !important; }
.moments__post .weui_cell_bd { font-size: 15px; display: table-cell; padding-left: 10px; }
.moments__post .weui_cell_bd a, .moments__post .weui_cell_bd .title, .moments__post .weui_cell_bd .paragraphExtender, .moments__post .weui_cell_bd .fa, .moments__post .weui_cell_bd .nickname { color: #18b4ed ; }
.moments__post .weui_cell_bd .title, .moments__post .weui_cell_bd .paragraph, .moments__post .weui_cell_bd .thumbnails { display: -webkit-box; display: -webkit-flex; display: flex; margin-bottom: 5px; }
.moments__post .weui_cell_bd .paragraphExtender { margin: 5px auto; display: -webkit-box; display: -webkit-flex; display: flex; }
.moments__post .weui_cell_bd .thumbnails { width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.moments__post .weui_cell_bd .thumbnails .thumbnail { width: 100px; height: 100px; margin: 1px; background: #757575; overflow: hidden; }
.moments__post .weui_cell_bd .thumbnails .thumbnail img { width: 100%; height: 100%; object-fit: cover;}
.moments__post .weui_cell_bd .toolbar { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; }
.moments__post .weui_cell_bd .toolbar .timestamp, .moments__post .weui_cell_bd .toolbar .timestamp .fa { color: #757575; font-size: 13px; }
.moments__post .weui_cell_bd .liketext { margin-top: 10px; width: 100%; border-radius: 3px; padding: 1px 3px; background-color: #f3f3f5; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.moments__post .weui_cell_bd .liketext .fa { font-size: 10px; font-weight: bold; margin-right: 5px; margin-left: 10px; }
.moments__post .weui_cell_bd .liketext:before { bottom: 100%; left: 10px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: #f3f3f5; border-width: 5px; }
.moments__post .weui_cell_bd .actionMenu { position: absolute; height: 40px; background-color: #4e5156; border-radius: 5px; z-index: 5; top: -10px; right: 20px; display: none; -webkit-justify-content: space-around; justify-content: space-around; -webkit-box-align: center; -webkit-align-items: center; align-items: center; }
.moments__post .weui_cell_bd .actionMenu .actionBtn { color: #fff; padding: 0 20px; }
.moments__post .weui_cell_bd .actionMenu .actionBtn .fa { color: #fff; margin-right: 5px; }
.moments__post .weui_cell_bd .actionMenu .actionBtn:not(:first-child) { border-left: 1px solid #3f4346; }
.moments__post .weui_cell_bd .actionMenu.active { display: -webkit-box; display: -webkit-flex; display: flex; }
.moments__post .weui_cell_bd .actionToggle { width: 15px; height: 15px; background: #92abd4; margin-left: auto; border-radius: 1px; position: absolute; right: 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; }
.moments__post .weui_cell_bd .actionToggle p { width: 3px; height: 3px; background-color: #fff; border-radius: 3px; margin: auto 2px; }
.moments__post .weui_cell_bd .actionToggle:before { right: 100%; top: 4px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-right-color: #92abd4; border-width: 3px; }
/*
琛ㄥ崟棰勮
*/
.weui-form-preview { background-color: #ffffff; position: relative; }
.weui-form-preview::before { border-top: 1px solid #d9d9d9; color: #d9d9d9; content: " "; height: 1px; left: 0; position: absolute; right: 0; top: 0; transform: scaleY(0.5); transform-origin: 0 0 0; }
.weui-form-preview::after { border-bottom: 1px solid #d9d9d9; bottom: 0; color: #d9d9d9; content: " "; height: 1px; left: 0; position: absolute; right: 0; transform: scaleY(0.5); transform-origin: 0 100% 0; }
.weui-form-preview-hd { line-height: 2.5em; padding: 10px 15px; position: relative; text-align: right; }
.weui-form-preview-hd::after { border-bottom: 1px solid #d9d9d9; bottom: 0; color: #d9d9d9; content: " "; height: 1px; left: 15px; position: absolute; right: 0; transform: scaleY(0.5); transform-origin: 0 100% 0; }
.weui-form-preview-hd .weui-form-preview-value { font-size: 1.6em; font-style: normal; }
.weui-form-preview-bd { color: #999999; font-size: 0.9em; line-height: 2; padding: 10px 15px; text-align: right; }
.weui-form-preview-ft { display: -webkit-flex; display: flex; line-height: 50px; position: relative; }
.weui-form-preview-ft::after { border-top: 1px solid #d5d5d6; color: #d5d5d6; content: " "; height: 1px; left: 0; position: absolute; right: 0; top: 0; transform: scaleY(0.5); transform-origin: 0 0 0; }
.weui-form-preview-label { color: #999999; float: left; margin-right: 1em; min-width: 4em; text-align: justify; text-align-last: justify; }
.weui-form-preview-value { display: block; overflow: hidden; overflow-wrap: break-word; word-break: normal; }
.weui-form-preview-btn { color: #3cc51f; display: block; flex: 1 1 0; position: relative; text-align: center; }
button.weui-form-preview-btn { background-color: transparent; border: 0 none; font-size: inherit; outline: 0 none; }
.weui-form-preview-btn:active { background-color: #eeeeee; }
.weui-form-preview-btn::after { border-left: 1px solid #d5d5d6; bottom: 0; color: #d5d5d6; content: " "; left: 0; position: absolute; top: 0; transform: scaleX(0.5); transform-origin: 0 0 0; width: 1px; }
.weui-form-preview-btn:first-child::after { display: none; }
.weui-form-preview-btn-default { color: #999999; }
.weui-form-preview-btn-primary { color: #0bb20c; }
/*gallery*/
.weui-gallery { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: #000000; z-index: 1000; }
.weui-gallery-img { position: absolute; top: 0; right: 0; bottom: 60px; left: 0; background: center center no-repeat; background-size: contain; }
.weui-gallery-opr { position: absolute; right: 0; bottom: 0; left: 0; background-color: #0D0D0D; color: #FFFFFF; line-height: 60px; text-align: center; }
.weui-gallery-del { display: block; }
.grid { position: relative; float: left; padding: 20px 10px; width: 33.33333333%; box-sizing: border-box; text-decoration: none }
.grids-small .grid { width: 25%; padding: 15px 8px }
.grid:before { content: " "; position: absolute; right: 0; top: 0; width: 1px; height: 100%; border-right: 1px solid #d9d9d9; color: #d9d9d9; transform-origin: 100% 0; transform: scaleX(0.5) }
.grid:after { content: " "; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; border-bottom: 1px solid #d9d9d9; color: #d9d9d9; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scaleY(0.5); transform: scaleY(0.5) }
.weui-menu { position: fixed; bottom: 0; left: 0; right: 0; height: 50px; background: #f8f8f8; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-flow: row nowrap; flex-flow: row nowrap; border-top: 1px solid #ccc; outline: 0; margin: 0; padding: 0; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; align-items: center }
.weui-menu-inner { border-left: 1px solid #ccc; height: 100%; width: 100%; text-align: center; cursor: pointer; position: relative; user-select: none; -webkit-user-select: none }
.weui-menu-inner:last-child { background-position: 30px center }
.weui-menu-inner>em { display: inline-block; height: 10px; width: 10px; background: url() no-repeat; background-size: 10px 10px }
.weui-menu-inner span { line-height: 50px }
.weui-menu-inner ul { position: absolute; left: 5px; right: 5px; top: 0; opacity: 0; background: #fff; font-size: 13px; border: 1px solid #ccc; word-break: break-all; border-radius: 7px; text-align: center; transition: all .3s; -webkit-transition: all .3s; list-style-type: none }
.weui-menu-inner ul li { border-bottom: 1px solid #ccc; height: 40px; line-height: 40px; width: auto }
.weui-menu-inner ul li:last-child { border-bottom: 0 }
.weui-menu-inner ul em { position: absolute; height: 0; width: 0; border: 5px solid transparent; border-top-color: #fff; left: 50%; bottom: -10px; transform: translateX(-50%); -webkit-transform: translateX(-50%) }
.weui-slider { padding: 15px 18px; -webkit-user-select: none; user-select: none; }
.weui-slider-inner { position: relative; height: 2px; background-color: #E9E9E9; }
.weui-slider-track { height: 2px; background-color: #1AAD19; width: 0; }
.weui-slider-handler { position: absolute; left: 0; top: 50%; width: 28px; height: 28px; margin-left: -14px; margin-top: -14px; border-radius: 50%; background-color: #FFFFFF; box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); }
.weui-slider-box { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; }
.weui-slider-box .weui-slider { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; }
.weui-slider-box-value { margin-left: .5em; min-width: 24px; color: #888888; text-align: center; font-size: 14px; }
.weui-badge { display: inline-block; padding: .15em .4em; min-width: 8px; border-radius: 18px; background-color: #E64340; color: #FFFFFF; line-height: 1.2; text-align: center; font-size: 12px; vertical-align: middle; }
.weui-badge-dot { padding: .4em; min-width: 0; }
/*瑙掓爣*/
.weui-mark { padding-left: 10px; padding-right: 0; padding-top: 10px; -webkit-overflow-scrolling: touch; }
.weui-mark li { padding-right: 10px; padding-bottom: 10px; float: left; position: relative; -webkit-box-sizing: border-box; width: 50%; list-style: outside none none; }
.weui-mark-img { padding-top: 100%; position: relative; width: 100%; }
.weui-mark-img img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.weui-mark-rt { border-radius: 2px; top: 0; color: #fff; font-size: 14px; height: 20px; line-height: 20px; position: absolute; right: 10px; text-align: center; width: 40px; }
.weui-mark-rb { border-radius: 2px; bottom: 10px; color: #fff; font-size: 14px; height: 20px; line-height: 20px; position: absolute; right: 10px; text-align: center; width: 40px; background-color: rgba(0, 0, 0, 0.4); }
.weui-mark-lb { border-radius: 2px; bottom: 10px; color: #fff; font-size: 14px; height: 20px; line-height: 20px; position: absolute; left: 0; text-align: left; width: 95%; max-width: 99%; display: block; background-color: rgba(0, 0, 0, 0.4); }
.weui-mark-vip { left: 0; position: absolute; top: 0; overflow: hidden; height: 50px; width: 90px; }
.weui-mark-lt { color: #fff; display: block; font-size: 12px!important; left: -15px; height: 14px; line-height: 14px!important; position: relative; text-align: center; top: 15px; transform: rotate(-45deg); width: 70px; }
.weui-mark-meta { position: relative; }
.weui-mark-title, .weui-mark-desc { height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; }
.weui-mark-title { font-weight: 700; }
/*宸︽粦鍔ㄥ垹闄ss*/
.slidelefts { height: 100%; position: relative; background-color: #fff; transform: translateZ(0); border-bottom: 1px solid #eee; -webkit-transform: translateZ(0); padding: 0; }
.slidelefts .weui_cell_bd { height: auto; overflow: hidden; position: relative; z-index: 10; background-color: #fff; padding: 10px 15px; }
.weui_cell .weui_cell_bd.animated { -webkit-transition: -webkit-transform .2s ease-out; transition: transform .2s ease-out; }
.weui_cell .slideleft { height: 100%; display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center; position: absolute; top: 0; right: 0; z-index: 0; }
.weui_cell .slideleft span { height: 100%; padding: 0 10px; display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center; }
